<template>
  <div class="pageReload">
    <img src="../assets/images/report/offLine.png" alt="" class="offLine">
    <p>您的网络好像不太给力，请稍后再试</p>
    <div class="reloadBtn" @click="reload">重新加载</div>
  </div>
</template>
<script>
export default {
  name: "page-reload",
  props: [],
  data() {
    return {
      currentIndex: 0,
    };
  },
  methods: {
    reload() {
      this.$emit('needReload')
    }
  },
};
</script>
<style lang="scss" scoped>
.pageReload{
  width: 100%;
  margin-top: 30px;
  position: relative;
  .offLine{
    width: 172px;
    height: 188px;
  }
  p{margin-top: -30px; font-size: 14px;}
  .reloadBtn{
    width: 122px;
    height: 36px;
    line-height: 36px;
    background: #4B7AFF;
    border-radius: 18px;
    color: #fff;
    margin: 20px auto;
    font-weight: 500;
  }
}
</style>
